/*个人中心：左侧导航栏*/

body {
    font-family: "Lato", sans-serif;
}

.sidenav {
    height: 100%;
    width: 160px;
    position: fixed;
    /* z-index: 1; */
    top: 20%;
    left: 0;
    /* background-color: #111; */
    background-color: white;
    /* 这个 overflow-x 是一个不会怎么使用的方法，根本不常用 */
    /* overflow-x: hidden; */
    padding-top: 20px;
}

.sidenav a {
    padding: 16px 8px 16px 16px;
    /* text-decoration 可以修饰超级链接 a 的下滑线的情况
        个人中心页面，可以使用这个方式，设为 none，取消下划线 */
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    /* color: #f1f1f1; */
    color: black;
    /* hover 改变的是鼠标箭头移到这个符号上面后的颜色 */
}

